<!DOCTYPE html>
<html>
<head>
	<title>Rythem Times</title>
	<link rel="stylesheet" type="text/css" href="css/times.css">
</head>
<body>
	<div id="socketGroups" class="vgroup">
		<article class="socket hgroup bold" id="socket-xx">
			<header>Socket ID</header>
			<div class="conns hgroup">HTTP Requests</div>
		</article>
		<!--
		<article class="socket hgroup" id="socket-xx">
			<header>Socket ID</header>
			<div class="conns hgroup">
				<div class="conn" id="conn-xx">
					<div class="name">conn name</div>
					<div class="host">www.xxx.com</div>
					<div class="detail">GET 200</div>
				</div>
			</div>
		</article>
		-->
	</div>
	<article id="socketDetail" class="hidden">
		<header>Socket ID</header>
		<div class="info">
			<div class="item requestCount">total request: <mark>?</mark></div>
			<div class="item requestTime">request time: <mark>?</mark>ms</div>
			<div class="item requestWaitTime">request wait time: <mark>?</mark>ms</div>
			<div class="item responseTime">response receive time: <mark>?</mark>ms</div>
			<div class="item idelTime">socket idel time: <mark>?</mark>ms</div>
		</div>
	</article>
	<script src="lib/jo2.js"></script>
	<script src="lib/jo2.dom.js"></script>
	<script src="lib/parseuri.js"></script>
	<script src="js/times.js"></script>
</body>
</html>